<template>
  <div id="fileGroupView">
    <div class="form-group">
      <label>文件列表</label>
      <button>新建文件夹</button>
      <button>添加文件</button>
    </div>
    <fileGroupTree />
    <fileGroupViewDialog/>
  </div>
</template>

<script lang="ts">
  import manager from '../../../../script/file/manager';
  import group from '../../../../script/file/group';

  import fileGroupTree from './fileGroupTree.vue';
  import fileGroupViewDialog from './fileGroupViewDialog.vue'

  import { Vue, Prop, Component } from 'vue-property-decorator';
  @Component({
    components: {
      fileGroupTree,
      fileGroupViewDialog,
    },
  })
  export default class fileGroupView extends Vue {
    fileGroup: group[] = [];

    newDir(value: string) {
      let d = new group(value);
      this.fileGroup.push(d);
    }
  }
</script>

<style scoped>
  #fileGroupView {
    height: 100%;
    width: 100%;
    background-color: aqua;
    overflow: auto;
  }
  .form-group {
    display: flex;
    flex-direction: row;
    position: relative;
  }

  .form-group label {
    display: block;
    color: #fff;
    background: #0065b8;
    padding: 6px 8px;
  }
</style>
